<script setup></script>

<template>
  <h1>示例页面</h1>

  <!--使用 router-link 组件进行导航 -->
  <!--通过传递 `to` 来指定链接 -->
  <!--`<router-link>` 将呈现一个带有正确 `href` 属性的 `<a>` 标签-->
  <router-link to="/">首页</router-link>
  <router-link to="/about" style="margin-left: 10px">关于</router-link>
  <router-link to="/store" style="margin-left: 10px">状态管理</router-link>
  <router-link to="/style" style="margin-left: 10px">scss样式</router-link>
  <router-link to="/http" style="margin-left: 10px">http测试</router-link>
  <router-link to="/svg-icon" style="margin-left: 10px">svg图标</router-link>
  <router-link to="/iconify" style="margin-left: 10px">iconify图标</router-link>

  <!-- 路由出口 -->
  <!-- 路由匹配到的组件将渲染在这里 -->
  <router-view></router-view>
</template>
